<template>
	<view class="line" :class="{'dashed': dashed}"></view>
</template>

<script lang="ts" setup>
	const props = defineProps({
		dashed:{
			type: Boolean,
			default(){
				return false
			}
		}
	})
</script>

<style lang="scss">
	.line{
		width: 100%;
		content: '';
		border-top: 1px solid rgba(#fff, 0.2);
	}
	
	.dashed{
		border-top: 1px dashed rgba(#fff, 0.2);
	}
</style>